<!DOCTYPE html>
<html>
<head>
	<title>Bus/总线/发布订阅/观察者模式</title>
	<meta charset="utf-8">
	<script type="text/javascript" src="./js/vue.js"></script>
	<link
</head>
<body>
	<div id="app">
		<transition name="fade"  enter-active-class="animated swing" leave-active-class="animated shake">   <!-- 在要实现过渡效果的元素外面加transition包裹，name的值在style样式应用，即为样式名前缀 -->
			<div v-show="show">
			hello my dear
			</div>
		</transition>
		
		<button @click="handle">改变</button>
		
		
	</div>
</body>
<script type="text/javascript">
	

	var vm = new Vue({
		el:"#app",
		data:{
			show:true
	
		},
		methods:{
			handle:function() {
				this.show = (this.show == true) ? false : true;
			}
		}

	})



		
</script>
</html>